@charset 'utf-8'

@import './base'
.coupons
    padding rem(20)
    height 100vh
    box-sizing border-box
    padding-bottom rem(96)
    .coupons-item
        background url('ctx/asset/images/coco/coupons-bg.png') 50% 50% no-repeat transparent
        background-size rem(710) rem(230)
        width rem(710)
        height rem(230)
        margin-bottom rem(20)
        .coupons-item-header
            height rem(78)
            line-height rem(78)
            padding rem(0) rem(30)
            font-size rem(26)
            color #3b3939
            ellipsis()
        .coupons-item-body
            display flex
            height rem(148)
            overflow hidden
            .coupons-main
                flex 0 1 rem(310)
                color #DF8C0F
                text-align center
                padding-top rem(30)
                .amount
                    font-size rem(40)
                .price
                    font-size rem(60)
                    margin-bottom rem(15)
                .conditional
                    font-size rem(24)
                    color #333
            .coupons-desc
                padding-top rem(35)
                overflow hidden
                box-sizing border-box
                text-align center
                flex 0 1 rem(400)
                font-size rem(24)
                color #333
                p 
                    margin-bottom rem(25)
                    padding-left rem(15)
                    padding-right rem(15)
                    ellipsis()
.add-address
    position fixed
    bottom 0
    left 0
    width 100%
    height rem(96)
    text-align center
    background-color #f7f1db
    a 
        color #fff
        line-height rem(96)
        font-size rem(34)
        text-decoration none